<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>访客系统</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="layui/css/layui.css" media="all">
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

  <link id="layuicss-layer" rel="stylesheet"
    href="https://fkxt.zisu.edu.cn/start/layui/css/modules/layer/default/layer.css?v=3.1.1" media="all">
  <link id="layuicss-layuiAdmin" rel="stylesheet" href="https://fkxt.zisu.edu.cn/dist/style/admin.css?v=1.2.1 pro-1"
    media="all">
  <link id="layuicss-https:fkxtzisueducndiststylecsslayuisycss?v=121 pro-1" rel="stylesheet"
    href="https://fkxt.zisu.edu.cn/dist/style/css/layuisy.css?v=1.2.1 pro-1" media="all">
</head>


<body layadmin-themealias="default" class="layui-layout-body">
  <div id="LAY_app" class="layadmin-tabspage-none">
    <script type="text/html" template="" lay-done="layui.data.done()">
	<link rel="stylesheet" href="{{ layui.setter.base }}style/css/epass-new.css" media="all" />
	<style>
		.layui-layout-body {
			overflow: auto;
		}
		
		.reloadCode {
			color: #181ff2;
		}
		
		.epassbody .layui-btn,
		#detectView .layui-btn {
			height: 28px;
			line-height: 28px;
			font-size: 12px;
			padding: 0 12px;
		}
		.epassCode{
			padding-bottom: 10px;
		}
	</style>


</script>

    <link rel="stylesheet" href="https://fkxt.zisu.edu.cn/dist/style/css/epass-new.css" media="all">
    <style>
      .layui-layout-body {
        overflow: auto;
      }

      .reloadCode {
        color: #181ff2;
      }

      .epassbody .layui-btn,
      #detectView .layui-btn {
        height: 28px;
        line-height: 28px;
        font-size: 12px;
        padding: 0 12px;
      }

      .epassCode {
        padding-bottom: 10px;
      }
    </style> <!-- 正文开始 -->
    <div style="height: 100%; max-width: 500px; margin:0 auto;">
      <div class="epassbody">
        <div class="epassTop">
          <div class="epassPerson">
            <div class="personMessage">
              <ul>
                <li class="epassUserType"> <img src="https://fkxt.zisu.edu.cn/dist/style/images/mylogo.png"
                    style="width: 36px;">&nbsp;&nbsp;访客通行证 </li>
                <li style="max-width: 58%;">
                  <div>姓名：<span id="xm">沈宣羽</span></div>
                </li>
                <li style="max-width: 60%;">
                  <div>被访人：<span id="bfr">艺术学院</span></div>
                </li>
                <li style="max-width: 90%;">
                  <div>访问时间：<span id="fwsj">2023-02-20 14:06 ~ 2023-02-26 23:00</span></div>
                </li>
                <li style="max-width: 90%;">
                  <div>车牌号：<span id="cph">浙B82G0F</span></div>
                </li>
              </ul> <img id="headpic" class="headPic" onerror="this.src='style/images/code.jpg';this.onerror=null"
                src="style/images/666.png">
            </div>
          </div>
          <div class="epassBar">
            <!--<img class="my-banner" src="https://fkxt.zisu.edu.cn/dist/style/images/my-banner.png" />-->
            <div class="epassMessage">
              <div class="refresh"> <span id="refreshTime">01月03日 18:01:51</span> </div>
              <div class="tips" id="tips"> <img class="epassCode" id="visitorCode" style="width: 46%;"
                  src="style/images/code.jpg">
                <div style="width: 100%;color: #4e4e50;font-size: 13px;font-family: Microsoft YaHei;">凭紫码可在本校范围内临时通行
                </div>
              </div>
            </div>
          </div>
          <style>
            .itinerary-bar {
              display: flex;
              justify-content: space-between;
              align-items: center;
            }

            .itinerary-bar .layui-btn {
              padding: 0 20px;
              color: #148af4;
              border: 1px solid #148af4;
            }
          </style>
          <div id="itineraryView" style="border-top: 1px solid #e8f4fe;"></div>
        </div>
      </div>
      <style>
        .epassMsgBar {
          width: 90%;
          box-sizing: border-box;
          margin: 0 auto;
          border-radius: 10px;
          margin-top: 10px;
        }

        .epassMsgBar .epassMessage {
          border-radius: 50px;
        }

        .epassMsgBar .line {
          display: inline-block;
          width: 1px;
          background: #999;
          margin: 5px 12px;
          opacity: 0.2;
        }

        .hs-x_bar {
          border-radius: 10px;
          overflow: hidden;
        }

        .l-f_ol {
          width: 100%;
        }

        .l-f_ol p {
          font-weight: bold;
        }

        .hs-x_bar .hs-top_bar {
          font-size: 14px;
          height: 35px;
          line-height: 35px;
          /*background-color: rgba(0, 0, 0, 0.2);*/
          padding: 5px 10px;
          display: flex;
          justify-content: space-between;
        }

        .hs-x_bar .hs-content {
          padding: 8px 10px;
          box-sizing: border-box;
        }

        .hs-x_bar .layui-btn {
          height: 34px;
          line-height: 34px;
          padding: 0 10px;
          background-color: transparent;
          width: 100%;
        }

        .hs-x_bar .layui-btn img {
          width: 17px;
          margin-top: -3px;
        }

        .bg-txt {
          font-size: 14px;
          margin-right: 10px;
        }

        .sm-txt {
          font-size: 13px;
        }

        .r-f_ol {
          color: #999999;
          flex: 1;
        }

        .r-f_bar {
          height: 100%;
          display: flex;
          flex-flow: column;
          justify-content: space-between;
        }
      </style>
      <div class="layui-card epassMsgBar" id="detectView"> </div>
      <div class="epassFoot">
        <li>浙江外国语学院</li>
        <li></li>
      </div>
    </div>

    <script src="layui/layui.js"></script>


    <div id="phraseJoinewrskdfdswerhnyikyofd" data-v-app="">
      <div data-v-0b92bdf5="" class="xx-qy-style-dark"></div>
    </div>
    <style id="LAY_layadmin_theme">
      .layui-side-menu,
      .layadmin-pagetabs .layui-tab-title li:after,
      .layadmin-pagetabs .layui-tab-title li.layui-this:after,
      .layui-layer-admin .layui-layer-title,
      .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child {
        background-color: #20222A !important;
      }

      .layui-nav-tree .layui-this,
      .layui-nav-tree .layui-this>a,
      .layui-nav-tree .layui-nav-child dd.layui-this,
      .layui-nav-tree .layui-nav-child dd.layui-this a {
        background-color: #009688 !important;
      }

      .layui-layout-admin .layui-logo {
        background-color: #20222A !important;
      }
    </style>
    <div class="layui-layer-move"></div>
</body>
<script>


  function updateDateTime() {
    // 获取当前日期时间
    var now = new Date();

    // 格式化为指定格式
    var month = now.getMonth() + 1; // 月份从0开始，所以需要+1
    var day = now.getDate();
    var hour = now.getHours();
    var minute = now.getMinutes();
    var second = now.getSeconds();

    // 格式化为两位数的形式
    month = month < 10 ? '0' + month : month;
    day = day < 10 ? '0' + day : day;
    hour = hour < 10 ? '0' + hour : hour;
    minute = minute < 10 ? '0' + minute : minute;
    second = second < 10 ? '0' + second : second;

    // 拼接成指定格式的字符串
    var formattedDateTime = month + '月' + day + '日 ' + hour + ':' + minute + ':' + second;

    // 显示在页面上
    document.getElementById('refreshTime').innerHTML = formattedDateTime;
  }

  // 每秒钟更新一次日期时间
  setInterval(updateDateTime, 1000);
</script>
<script>
  // 获取span标签元素  
  var spanElement = document.getElementById("fwsj");

  // 添加点击事件监听器  
  spanElement.addEventListener("click", function () {
    // 弹出alert提示框，获取用户输入的内容  
    var userInput = prompt("Enter new content:");

    // 如果用户输入了内容，则替换span标签的内容  
    if (userInput !== null) {
      spanElement.innerHTML = userInput;
    }
  });  
</script>
<script>
  // 获取span标签元素  
  var spanElement1 = document.getElementById("cph");

  // 添加点击事件监听器  
  spanElement1.addEventListener("click", function () {
    // 弹出alert提示框，获取用户输入的内容  
    var userInput = prompt("请输入内容，进行替换。");

    // 如果用户输入了内容，则替换span标签的内容  
    if (userInput !== null) {
      spanElement1.innerHTML = userInput;
    }
  });  
</script>

</html>